<template>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" :class="$attrs.class">
    <path fill="currentColor" d="M9.5 2A2.5 2.5 0 0 1 12 4.5A2.5 2.5 0 0 1 9.5 7A2.5 2.5 0 0 1 7 4.5A2.5 2.5 0 0 1 9.5 2M14.5 2A2.5 2.5 0 0 1 17 4.5A2.5 2.5 0 0 1 14.5 7A2.5 2.5 0 0 1 12 4.5A2.5 2.5 0 0 1 14.5 2M9.5 9A2.5 2.5 0 0 1 12 11.5A2.5 2.5 0 0 1 9.5 14A2.5 2.5 0 0 1 7 11.5A2.5 2.5 0 0 1 9.5 9M14.5 9A2.5 2.5 0 0 1 17 11.5A2.5 2.5 0 0 1 14.5 14A2.5 2.5 0 0 1 12 11.5A2.5 2.5 0 0 1 14.5 9M9.5 16A2.5 2.5 0 0 1 12 18.5A2.5 2.5 0 0 1 9.5 21A2.5 2.5 0 0 1 7 18.5A2.5 2.5 0 0 1 9.5 16M14.5 16A2.5 2.5 0 0 1 17 18.5A2.5 2.5 0 0 1 14.5 21A2.5 2.5 0 0 1 12 18.5A2.5 2.5 0 0 1 14.5 16Z" />
  </svg>
</template>

<script setup lang="ts">
defineOptions({
  inheritAttrs: false
})
</script> 
